.banner{float:left;width:100%;margin-top:90px;overflow:hidden;position:relative}
.banner-home{height:400px}
.banner-detail{height:224px}
.banner-container{float:left;width:100%;height:100%;overflow:hidden}
.banner-pagination{position:absolute;z-index:9;text-align:center}
.banner-pagination .swiper-pagination-bullet{width:30px;height:4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:.6;background:#fff}
.banner-pagination .swiper-pagination-bullet-active{opacity:1}
.banner-item{float:left;width:100%;height:100%;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.banner-home .banner-item.banner01{background-image:url(../images/home/banner01.jpg)}
.banner-home .banner-item.banner02{background-image:url(../images/home/banner02.jpg)}
.banner-home .banner-item.banner03{background-image:url(../images/home/banner03.jpg)}
.banner-home .banner-item.banner04{background-image:url(../images/home/banner04.jpg)}
.banner-home .banner-item.banner05{background-image:url(../images/home/banner05.jpg)}
.banner-home .banner-item.banner06{background-image:url(../images/home/banner06.jpg)}
.banner-home .banner-item.banner07{background-image:url(../images/home/banner07.jpg)}
.banner-home .banner-item.banner08{background-image:url(../images/home/banner08.jpg)}
.banner-home .banner-item.banner09{background-image:url(../images/home/banner09.jpg)}
.banner-detail .banner-item.banner01{background-image:url(../images/home/banner-about1.jpg)}
.company-news,.company-notice{float:left;width:50%}
.company-notice>.content{float:left;width:100%}
.company-notice .title-item{float:left;margin:0 40px 0 0;height:42px;line-height:42px;position:relative;font-size:24px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
.company-notice .title-item:after{content:'';width:0;height:3px;position:absolute;left:50%;bottom:0;background:transparent;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.company-notice .title-item.active{color:#3387e9}
.company-notice .title-item.active:after{margin:0 0 0 -25px;width:50px;background:#3387e9}
.company-news>.c-title{text-align:left}
.company-news>.news-list,.company-notice .content-list{float:left;width:100%}
.company-news .minute,.company-notice .minute{float:left;margin:0 4% 0 0;width:46%;position:relative;top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.company-news .minute:hover,.company-notice .minute:hover{top:-6px;-webkit-box-shadow:0 20px 24px -20px rgba(0,0,0,.6);-moz-box-shadow:0 20px 24px -20px rgba(0,0,0,.6);box-shadow:0 20px 24px -20px rgba(0,0,0,.6)}
.company-news .minute .item-img,.company-notice .minute .item-img{float:left;width:100%;height:200px;background-color:#f3f3f3;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.company-news .minute .item-content,.company-notice .minute .item-content{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;background:#3387e9}
.company-news .minute .time,.company-notice .minute .time{float:left;width:80px}
.company-news .minute .time-day,.company-notice .minute .time-day{float:left;width:100%;font-size:32px;color:#fff;text-align:center}
.company-news .minute .time-month,.company-notice .minute .time-month{float:left;width:100%;font-size:14px;color:#fff;text-align:center}
.company-news .minute .title,.company-notice .minute .title,.company-news .minute .summary,.company-notice .minute .summary{display:block;max-height:41px;margin:0 0 0 80px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.company-news .intro,.company-notice .intro{float:left;margin:0 4% 0 0;width:46%}
.company-news .intro:hover,.company-notice .intro:hover{color:#3387e9}
.company-news .intro .item-title,.company-notice .intro .item-title{display:block;height:32px;line-height:32px;margin-right:80px;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.company-news .intro:hover .item-title,.company-notice .intro:hover .item-title{color:#3387e9}
.company-news .intro .item-summary,.company-notice .intro .item-summary{display:block;margin:10px 80px 0 0;max-height:62px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.company-news .intro:hover .item-summary,.company-notice .intro:hover .item-summary{color:#3387e9}
.company-news .intro .item-time,.company-notice .intro .item-time{float:right;width:80px}
.company-news .intro:hover .item-time,.company-notice .intro:hover .item-time{color:#3387e9}
.company-news .intro .item-time>.day,.company-notice .intro .item-time>.day{float:left;width:100%;font-size:32px;text-align:right}
.company-news .intro .item-time>.month,.company-notice .intro .item-time>.month{float:left;width:100%;font-size:14px;text-align:right}
.company-news .item,.company-notice .item{float:left;margin:6px 4% 0 0;width:46%}
.company-news .item:hover,.company-notice .item:hover{color:#3387e9}
.company-news .item>.item-row,.company-notice .item>.item-row{float:left;width:100%;overflow:hidden}
.company-news .item .item-title,.company-notice .item .item-title{display:block;height:32px;line-height:32px;margin:0 90px 0 0;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.company-news .item:hover .item-title,.company-notice .item:hover .item-title{color:#3387e9}
.company-news .item .item-time,.company-notice .item .item-time{float:right;height:32px;font-size:12px;color:#888;line-height:32px}
.company-news .item:hover .item-time,.company-notice .item:hover .item-time{color:#3387e9}
.company-news .item .item-more,.company-notice .item .item-more{float:right;margin:10px 0 0;padding:4px 10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.company-news .item .item-more:hover,.company-notice .item .item-more:hover{background:#3387e9;color:#fff}
.strategic-partner{float:left;width:100%}
.strategic-partner>.partner{float:left;width:100%}
.strategic-partner .partner-item{float:left;margin:0 1% 12px 0;width:24.25%;height:124px;background-color:#1960b8;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.strategic-partner .partner-item.tencent{background-image:url(../images/home/partner-tencent.jpg)}
.strategic-partner .partner-item.huawei{background-image:url(../images/home/partner-huawei.jpg)}
.strategic-partner .partner-item.oracle{margin-right:0;background-image:url(../images/home/partner-oracle.jpg)}
.strategic-partner .partner-item.microsoft{background-image:url(../images/home/partner-microsoft.jpg)}
.strategic-partner .partner-item.unity{background-image:url(../images/home/partner-unity.jpg)}
.strategic-partner .partner-item.baidu{background-image:url(../images/home/partner-baidu.jpg)}
.strategic-partner .partner-item.soft{background-image:url(../images/home/partner-soft.jpg)}
.strategic-partner .partner-item>.icon{float:left;width:100%;height:100%;background-color:rgba(22,83,157,.8);background-image:url(../images/home/partner-icon.png);background-repeat:no-repeat;-webkit-background-size:auto 868px;background-size:auto 868px;-ms-background-position-x:center;background-position-x:center;position:absolute;left:0;top:0;z-index:9;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.strategic-partner .partner-item:hover>.icon{left:0;top:-100%}
.strategic-partner .partner-item.tencent>.icon{-ms-background-position-y:0;background-position-y:0}
.strategic-partner .partner-item.huawei>.icon{-ms-background-position-y:-124px;background-position-y:-124px}
.strategic-partner .partner-item.oracle>.icon{-ms-background-position-y:-248px;background-position-y:-248px}
.strategic-partner .partner-item.microsoft>.icon{-ms-background-position-y:-372px;background-position-y:-372px}
.strategic-partner .partner-item.unity>.icon{-ms-background-position-y:-496px;background-position-y:-496px}
.strategic-partner .partner-item.baidu>.icon{-ms-background-position-y:-620px;background-position-y:-620px}
.strategic-partner .partner-item.soft>.icon{-ms-background-position-y:-744px;background-position-y:-744px}
.strategic-partner .partner-item.more{margin-right:0}
.strategic-partner .partner-item>.text{float:left;width:100%;height:100%;background:rgba(22,83,157,.8);position:absolute;z-index:9;font-size:28px;color:#fff;text-align:center;display:-webkit-flex;display:flex;flex-flow:column wrap;justify-content:center}
.strategic-partner .partner-item>.text:after,.strategic-partner .partner-item>.text:before{content:" ";display:block;margin:0 auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:0;height:2px;background:rgba(255,255,255,.8);position:relative}
.strategic-partner .partner-item>.text:before{top:54px}
.strategic-partner .partner-item>.text:after{bottom:54px}
.strategic-partner .partner-item:hover>.text:after,.strategic-partner .partner-item:hover>.text:before{width:54%}
.strategic-partner .blowup{float:left;width:50%;height:672px;background:url(../images/home/partner-blowup.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover}
.business-division{float:left;width:100%}
.business-division .division{float:left;width:100%}
.business-division .division-item{float:left;width:24.25%;margin:0 1% 0 0;position:relative}
.business-division .division-item.panasonic{margin-right:0}
.business-division .division-item>.bg{float:left;width:100%}
.business-division .division-item:hover>.bg{background:rgba(8,63,129,.8)}
.business-division .division-item>.content{float:left;width:100%;height:100%;position:absolute;left:0;top:0;z-index:9;background:rgba(255,255,255,.8)}
.business-division .division-item:hover>.content{background:rgba(8,63,129,.8)}
.business-division .division-item .content-icon{float:left;width:100%;height:160px;margin:60px 0 0;background-image:url(../images/home/division-icon.png);background-repeat:no-repeat;-webkit-background-size:160px auto;background-size:160px auto;-ms-background-position-x:center;background-position-x:center;position:relative;z-index:9;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.business-division .division-item.educate .content-icon{-ms-background-position-y:0;background-position-y:0}
.business-division .division-item.technique .content-icon{-ms-background-position-y:-160px;background-position-y:-160px}
.business-division .division-item.service .content-icon{-ms-background-position-y:-320px;background-position-y:-320px}
.business-division .division-item.panasonic .content-icon{-ms-background-position-y:-480px;background-position-y:-480px}
.business-division .division-item:hover .content-icon{margin:12px 0 0;height:80px;background-image:url(../images/home/division-icon-white.png);-webkit-background-size:80px auto;background-size:80px auto}
.business-division .division-item:hover.educate .content-icon{-ms-background-position-y:0;background-position-y:0}
.business-division .division-item:hover.technique .content-icon{-ms-background-position-y:-80px;background-position-y:-80px}
.business-division .division-item:hover.service .content-icon{-ms-background-position-y:-160px;background-position-y:-160px}
.business-division .division-item:hover.panasonic .content-icon{-ms-background-position-y:-240px;background-position-y:-240px}
.business-division .division-item .content-title{float:left;width:100%;margin:16px 0 0;font-size:24px;color:#0e69d7;text-align:center;position:relative;z-index:9;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.business-division .division-item:hover .content-title{margin:0;color:#fff}
.business-division .division-item .content-summary{display:none;float:left;width:100%;margin:14px 0 0;padding:0 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#fff;position:relative;z-index:9}
.business-division .division-item:hover .content-summary{display:block}
.business-division .division-item .content-more{display:none;float:left;width:40%;margin:16px 30% 0;padding:6px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;color:#fff;border:1px solid #fff;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.business-division .division-item:hover .content-more{display:block}
.business-division .division-item .content-more:hover{background:#fff;color:#0e69d7}
.leading-care{float:left;width:100%}
.leading-care .photo-list4{margin:0 0 40px}
.leading-care .photo-list4 .item-text{height:40px}
.honor-license{float:left;width:100%}
.honor-license .photo-list4{margin:0 0 0px}
.four-centers{float:left;width:100%}
.four-centers>.centers{float:left;width:100%}
.four-centers .centers-item{float:left;width:24.25%;margin:0 1% 0 0;-webkit-box-shadow:0 0 12px rgba(0,0,0,.2);-moz-box-shadow:0 0 12px rgba(0,0,0,.2);box-shadow:0 0 12px rgba(0,0,0,.2);position:relative;top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative}
.four-centers .centers-item.ca{margin-right:0}
.four-centers .centers-item:hover{top:-6px}
.four-centers .centers-item>a{float:left;width:100%}
.four-centers .centers-item .icon{float:left;width:100%;height:180px;background-image:url(../images/home/four-centers-icon.png);background-repeat:no-repeat;-webkit-background-size:auto 720px;background-size:auto 720px}
.four-centers .centers-item.zz .icon{background-position:center 0}
.four-centers .centers-item.sz .icon{background-position:center -180px}
.four-centers .centers-item.xa .icon{background-position:center -360px}
.four-centers .centers-item.ca .icon{background-position:center -540px}
.four-centers .centers-item .title{float:left;visibility:hidden;opacity:0;width:100%;height:100%;font-size:18px;color:#fff;display:-webkit-flex;display:flex;flex-flow:column wrap;justify-content:center;text-align:center;position:absolute;left:0;top:0;z-index:9;overflow:hidden}
.four-centers .centers-item .title:after{content:'';float:left;width:0;height:0;background:rgba(0,0,0,.6);position:absolute;left:50%;top:50%;z-index:-1;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.four-centers .centers-item:hover .title{visibility:visible;opacity:1}
.four-centers .centers-item:hover .title:after{width:100%;height:100%;left:0;top:0}
.more-course{float:left;width:100%}
.more-course>.course-box{float:left;width:100%}
.more-course>.course-box>.item{float:left;width:200px}
.more-course>.course-box .item-icon{float:left;width:120px;height:120px;margin:0 40px;background-image:url(../images/home/more-course-icon.png);background-repeat:no-repeat;-webkit-background-size:480px auto;background-size:480px auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.more-course>.course-box>.item:hover>.item-icon{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.more-course>.course-box>.item.dashuju>.item-icon{background-position:0 0}
.more-course>.course-box>.item.ui>.item-icon{background-position:-120px 0}
.more-course>.course-box>.item.php>.item-icon{background-position:-240px 0}
.more-course>.course-box>.item.html5>.item-icon{background-position:-360px 0}
.more-course>.course-box>.item.unity>.item-icon{background-position:0 -120px}
.more-course>.course-box>.item.games>.item-icon{background-position:-120px -120px}
.more-course>.course-box>.item.python>.item-icon{background-position:-240px -120px}
.more-course>.course-box>.item.wechat>.item-icon{background-position:-360px -120px}
.more-course>.course-box>.item.pingmian>.item-icon{background-position:0 -240px}
.more-course>.course-box>.item.web>.item-icon{background-position:-120px -240px}
.more-course>.course-box>.item.dianshang>.item-icon{background-position:-240px -240px}
.more-course>.course-box>.item.gameui>.item-icon{background-position:-360px -240px}
.more-course>.course-box .item-text{float:left;width:100%;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:18px;text-align:center}
.more-course>.course-box>.item:hover>.item-text{color:#0d8de9}
.studio-panorama{float:left;width:100%}
@-webkit-keyframes warn{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}@keyframes warn{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}@-webkit-keyframes warn-2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}}@keyframes warn-2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}}.centre-base{float:left;width:100%}
.centre-base>.c-title{float:none}
.centre-base>.c-subtitle{float:none}
.centre-base>.c-map{margin:40px auto 80px;width:100%;max-width:800px;position:relative}
.centre-base>.c-map>.bg{float:left;width:100%}
.centre-base>.c-map>.mark{position:absolute;width:20px;height:20px;-webkit-box-shadow:inset #0d8de9 0 0 5px;box-shadow:inset #0d8de9 0 0 5px;border-radius:50%;cursor:pointer;background:#f7f8fa}
.centre-base>.c-map>.mark:after{content:'';position:absolute;width:20px;height:20px;-webkit-box-shadow:inset #0d8de9 0 0 5px;box-shadow:inset #0d8de9 0 0 5px;border-radius:50%;top:0;left:0;opacity:0}
.centre-base>.c-map>.mark.ca{right:16.5%;top:20%}
.centre-base>.c-map>.mark.zz{left:41.5%;top:52%}
.centre-base>.c-map>.mark.xa{left:36.5%;top:52%}
.centre-base>.c-map>.mark.sz{left:43.5%;top:81%;z-index:5}
.centre-base>.c-map>.mark.bj{left:44.5%;top:35%}
.centre-base>.c-map>.mark.sh{left:51%;top:58%}
.centre-base>.c-map>.mark.hz{left:50.5%;top:64%}
.centre-base>.c-map>.mark.gz{left:43%;top:78%}
.centre-base>.c-map .mark-layer{width:8px;height:8px;position:absolute;top:50%;left:50%;margin:-4px 0 0 -4px;background:#0d8de9;border-radius:50%;cursor:pointer;opacity:1}
.centre-base>.c-map .mark-layer:after{content:'';position:absolute;width:8px;height:8px;-webkit-box-shadow:inset #0d8de9 0 0 5px;box-shadow:inset #0d8de9 0 0 5px;border-radius:50%;top:0;left:0;opacity:0}
.centre-base>.c-map>.mark.animate.warn:after,.centre-base>.c-map>.mark.animate:hover:after{-webkit-animation:warn 2s ease-out .1s infinite;animation:warn 2s ease-out .1s infinite}
.centre-base>.c-map>.mark.animate.warn .mark-layer:after,.centre-base>.c-map>.mark.animate:hover .mark-layer:after{-webkit-animation:warn-2 2s ease-out 1.1s infinite;animation:warn-2 2s ease-out 1.1s infinite}
.centre-base>.c-map .mark-text{position:absolute;left:100%;top:0;padding-left:5px;font-size:14px;line-height:20px;color:#333;white-space:nowrap}
.centre-base>.c-map .mark-text.left{left:auto;right:100%;padding-left:0;padding-right:5px}
.centre-base>.c-map .mark-bubble{width:200px;color:#404a58;text-align:center;opacity:0;visibility:hidden;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);cursor:default;pointer-events:none;-webkit-transition:.3s all ease-out;transition:.3s all ease-out;position:absolute;left:50%;bottom:100%;margin-left:-100px;margin-bottom:10px;z-index:19}
.centre-base>.c-map>.mark:hover .mark-bubble{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.centre-base>.c-map .mark-bubble>.inner{display:inline-block;vertical-align:middle;padding:10px;font-size:14px;color:#333;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #0d8de9;border-radius:2px;background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.2);text-align:left;left:50%;top:50%}
.centre-base>.c-map .mark-bubble>.inner:after,.centre-base>.c-map .mark-bubble>.inner:before{font-size:0;position:absolute;width:0;height:0;content:'';border-style:solid;border-color:transparent;top:100%;left:inherit;right:inherit;margin-top:-1px}
.centre-base>.c-map .mark-bubble>.inner:before{border-width:8px;margin-left:-8px;border-top-color:#0d8de9}
.centre-base>.c-map .mark-bubble>.inner:after{border-width:7px;margin-left:-7px;border-top-color:#fff}
.centre-base>.c-map .mark-bubble .title{margin-bottom:5px;color:rgba(51,51,51,.8);font-weight:400}
.company-profile{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company-profile>.content{float:left;width:100%}
.company-profile .company-detail{float:left;width:100%;color:#7d7d7d;text-indent:2em;line-height:1.8}
.company-profile .company-video{float:left;width:100%;margin-top:40px}
.company-profile .company-video>.item{width:360px;height:208px;margin-right:20px}
.company-profile .company-video>.item:last-child{margin-right:0}
.development-course{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.development-course>.development{float:left;width:100%}
.development-course .development>.title{float:left;margin:20px 0 0;width:100%;display:flex;display:-webkit-flex}
.development-course .development .title-item{float:left;flex:1;-webkit-flex:1;text-align:center;cursor:pointer}
.development-course .development .title-item>.text{font-size:32px;position:relative}
.development-course .development .title-item.active>.text{color:#0d8de9}
.development-course .development .title-item>.text:after{content:'';float:left;width:0;height:2px;background:#0d8de9;position:absolute;left:50%;bottom:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.development-course .development .title-item.active>.text:after{width:40px;margin:0 0 0 -20px}
.development-course .development>.content{float:left;width:100%;margin:20px 0 0}
.development-course .development .content-list{float:left;width:100%;padding:0 3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;color:#888;line-height:2}
.business-divisions{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.business-divisions>.divisions{float:left;width:100%}
.business-divisions .divisions-title{float:left;width:100%;text-align:center}
.business-divisions .divisions-title>.title-item{display:inline-block;cursor:pointer}
.business-divisions .divisions-title>.title-item>.text{display:inline-block;width:200px;height:62px;line-height:62px;font-size:24px;position:relative}
.business-divisions .divisions-title>.title-item.active>.text{color:#0d8de9}
.business-divisions .divisions-title>.title-item>.text:after{content:'';float:left;width:0;height:2px;background:#0d8de9;position:absolute;left:50%;bottom:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.business-divisions .divisions-title>.title-item.active>.text:after{width:40px;margin:0 0 0 -20px}
.business-divisions .divisions-content{float:left;margin-top:20px;width:100%}
.business-divisions .divisions-content>.content-list,.business-divisions .divisions-content>.content-list>.detail{float:left;width:100%}
.business-divisions .divisions-content>.content-list .detail-img{float:left;width:428px;height:340px;background-repeat:no-repeat;background-size:cover;background-position:center center}
.business-divisions .divisions-content>.content-list .detail-img.img01{background-image:url(../images/home/division-educate.jpg)}
.business-divisions .divisions-content>.content-list .detail-img.img02{background-image:url(../images/home/division-technique.jpg)}
.business-divisions .divisions-content>.content-list .detail-img.img03{background-image:url(../images/home/division-service.jpg)}
.business-divisions .divisions-content>.content-list .detail-img.img04{background-image:url(../images/home/division-panasonic.jpg)}
.business-divisions .divisions-content>.content-list .detail-text{float:left;padding-left:468px;margin-left:-428px;width:100%;box-sizing:border-box;font-size:16px}
.business-divisions .divisions-content>.content-list .detail-text>p{float:left;margin-bottom:24px;width:100%;text-indent:2em}
.business-divisions .divisions-content>.content-list .detail-text>.data{display:flex;float:left;width:100%;border:1px solid #eee;border-right:0;box-sizing:border-box}
.business-divisions .divisions-content>.content-list .detail-text .data-item{flex:1;padding:20px 0;text-align:center;border-right:1px solid #eee}
.business-divisions .divisions-content>.content-list .detail-text .data-item.active,.business-divisions .divisions-content>.content-list .detail-text .data-item:hover{background:#0d8de9}
.business-divisions .divisions-content>.content-list .detail-text .data-item>.num{float:left;width:100%;font-size:16px;color:#0d8de9;text-align:center}
.business-divisions .divisions-content>.content-list .detail-text .data-item.active>.num,.business-divisions .divisions-content>.content-list .detail-text .data-item:hover>.num{color:#fff}
.business-divisions .divisions-content>.content-list .detail-text .data-item .num-text{font-size:38px}
.business-divisions .divisions-content>.content-list .detail-text .data-item>.text{float:left;width:100%;font-size:14px;text-align:center}
.business-divisions .divisions-content>.content-list .detail-text .data-item.active>.text,.business-divisions .divisions-content>.content-list .detail-text .data-item:hover>.text{color:#fff}
.company-feature{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company-feature>.feature{float:left;width:100%}
.company-feature .feature-item{float:left;width:20%;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.company-feature .feature-item>.icon{display:inline-block;width:160px;height:160px;background-image:url(../images/home/company-feature-icon.png);background-repeat:no-repeat;-webkit-background-size:160px auto;background-size:160px auto;-ms-background-position-x:center;background-position-x:center;background-color:#155598;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.company-feature .feature-item.skill>.icon{-ms-background-position-y:0;background-position-y:0}
.company-feature .feature-item.creative>.icon{-ms-background-position-y:-160px;background-position-y:-160px}
.company-feature .feature-item.layout>.icon{-ms-background-position-y:-320px;background-position-y:-320px}
.company-feature .feature-item.ecology>.icon{-ms-background-position-y:-480px;background-position-y:-480px}
.company-feature .feature-item.core>.icon{-ms-background-position-y:-640px;background-position-y:-640px}
.company-feature .feature-item>.title{display:block;margin:10px 0;font-size:24px}
.company-feature .feature-item>.detail{text-align:left}
.company-environment{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company-environment .environment-title{float:left;font-size:24px;font-weight:400;color:#111}
.company-environment>.depict{float:left;width:100%;margin:20px 0 0}
.company-environment>.garden,.company-environment>.centre,.company-environment>.campus{float:left;width:100%;margin:80px 0 0}
.company-environment .centre-title>.title{float:right}
.company-environment .centre-title .title-item{float:left;padding:4px 12px;margin:0 0 0 14px;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.company-environment .centre-title .title-item.active{color:#fff;background:#0d8de9}
.company-environment>.campus{margin-bottom:80px}
.company-contactus{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company-contactus>.contactus{float:left;width:100%}
.company-contactus .contactus-title{float:left;width:100%;margin:60px 0 20px;font-size:28px;color:#111;font-weight:400}
.company-contactus .contactus-list{float:left;width:56%;margin-bottom:80px}
.company-contactus .contactus-list>.item{float:left;width:100%;padding:40px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #e7e7e7;position:relative}
.company-contactus .contactus-list .item-title{float:left;width:240px;height:100%;font-size:24px;color:#333;display:-webkit-flex;display:flex;flex-flow:column wrap;justify-content:center;text-align:center;position:absolute;left:0;top:0}
.company-contactus .contactus-list .item-detail{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 0 240px;padding:0 0 0 40px;border-left:2px solid #e5e5e5;line-height:1.8}
.company-contactus .contactus-list .item-map{display:block;position:absolute;right:40px;bottom:10px;color:#0d8de9;cursor:pointer}
.company-contactus .contactus-map{float:right;width:40%;height:500px;overflow:hidden}
.company-product{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company-product>.product{float:left;width:100%;margin-bottom:80px}
.company-leadership{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company-leadership>.national,.company-leadership>.provincial,.company-leadership>.municipal,.company-leadership>.organize{float:left;width:100%;margin:20px 0 60px}
.company-leadership .leadership-title{float:left;font-size:20px;color:#333;font-weight:400}
.company-leadership .organize-title{float:left;width:100%;margin:0 0 10px;font-size:24px;color:#111;font-weight:400}
.company-leadership .organize-subtitle{float:left;width:100%;color:#a3a3a3}
.company-leadership .organize-list{float:left;width:100%}
.company-leadership .organize-list>.item{float:left;width:100%;padding:30px 0;border-bottom:1px solid #ddd}
.company-leadership .organize-list .item-img{float:left;width:280px;height:160px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;position:relative;top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.company-leadership .organize-list>.item:hover>.item-img{-webkit-box-shadow:0 6px 20px rgba(0,0,0,0.2);box-shadow:0 6px 20px rgba(0,0,0,0.2);-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
.company-leadership .organize-list .item-content{padding:0 0 0 300px;position:relative}
.company-leadership .organize-list .item-content .title{float:left;width:100%;max-height:54px;margin:10px 0;font-size:18px;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.company-leadership .organize-list .item-content .summary{float:left;width:100%;max-height:68px;margin:14px 0;color:#888;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.company-leadership .organize-list>.item:hover>.item-content .title,.company-leadership .organize-list>.item:hover>.item-content .summary{color:#0d8de9}
.company-leadership .organize-list .item-content .more{float:right;padding:2px 10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.company-leadership .organize-list .item-content .more:hover{color:#fff;background:#0d8de9}
.company-leadership .organize-more{float:left;width:14%;margin:40px 43% 0;padding:8px 0;font-size:18px;color:#0d8de9;text-align:center;border:1px solid #0d8de9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.company-leadership .organize-more:hover{color:#fff;background:#0d8de9}
.honor-awarding{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.honor-awarding>.awarding{float:left;width:100%}
.honor-authorized{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.honor-authorized>.authorized{float:left;width:100%}
.school-intelligence{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.school-intelligence>.intelligence{float:left;width:100%}
.school-intelligence .intelligence-list{float:left;width:100%;padding:0 0 0 32%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.school-intelligence .intelligence-list>.item{float:left;width:48%;margin:20px 0 0 2%}
.school-intelligence .intelligence-list>.blowup{position:absolute;left:0;top:0;width:32%;height:100%;padding:20px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.school-intelligence .intelligence-list>.blowup>.img{float:left;width:100%;height:100%;background-repeat:no-repeat;background-position:center;-webkit-background-size:contain;background-size:contain}
.software-copyright{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.software-copyright>.software{float:left;width:100%}
.software-copyright .software-list{float:left;width:100%;margin-bottom:80px}
.software-copyright .software-list>.item{float:left;width:154px;margin:7px 7px 0 0;text-align:center}
.software-copyright .software-list>.item2{float:left;width:179px;margin:7px 7px 0 0;text-align:center}
.software-copyright .software-list>.item:nth-child(7n){margin-right:0}
.service-about{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.service-about>.about{float:left;width:100%}
.service-about>.c-intro{margin-bottom:0;text-align:left}
.service-system{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.service-system>.system{float:left;width:100%;margin:20px 0 0;text-align:center}
.service-system .system-list{display:inline-block;margin:0 20px;padding:40px;width:360px;height:340px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;text-align:left}
.service-system .system-list>.title{float:left;margin-bottom:10px;padding-bottom:20px;width:100%;font-size:20px;color:#333;position:relative}
.service-system .system-list>.title:after{content:'';width:30px;height:3px;background:#0d8de9;position:absolute;left:0;bottom:0}
.service-system .system-list .item{float:left;width:100%;height:28px;line-height:28px;padding:0 0 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.service-system .system-list .item:before{content:'';float:left;width:10px;height:10px;border:2px solid #0d8de9;position:absolute;left:0;top:7px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.successful-case{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.successful-case>.case{float:left;width:100%;text-align:center}
.successful-case>.case>.photo-list4>.item-text{min-height:34px}
.laboratory-overview{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.laboratory-overview>.laboratory{float:left;width:100%;text-align:center}
.laboratory-list{float:left;width:100%}
.laboratory-list>.item{float:left;width:14.2857%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.laboratory-list .item-icon{display:inline-block;width:120px;height:120px;background-image:url(../images/home/laboratory-overview-icon.png);background-repeat:no-repeat;-webkit-background-size:240px auto;background-size:240px auto;background-color:#155598;-ms-background-position-x:0;background-position-x:0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:4px solid #155598;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.laboratory-list>.item:hover>.item-icon{-ms-background-position-x:-120px;background-position-x:-120px;background-color:#fff}
.laboratory-list>.item.ebusiness>.item-icon{-ms-background-position-y:0;background-position-y:0}
.laboratory-list>.item.security>.item-icon{-ms-background-position-y:-120px;background-position-y:-120px}
.laboratory-list>.item.hadoop>.item-icon{-ms-background-position-y:-240px;background-position-y:-240px}
.laboratory-list>.item.ai>.item-icon{-ms-background-position-y:-360px;background-position-y:-360px}
.laboratory-list>.item.vr>.item-icon{-ms-background-position-y:-480px;background-position-y:-480px}
.laboratory-list>.item.icloud>.item-icon{-ms-background-position-y:-600px;background-position-y:-600px}
.laboratory-list>.item.ict>.item-icon{-ms-background-position-y:-720px;background-position-y:-720px}
.laboratory-list>.item .item-title{display:block;margin:10px 0;font-size:20px}
.laboratory-list>.item:hover>.item-title{color:#155598}
.laboratory-list>.item .item-submenu{display:none;margin:10px 0 0}
.laboratory-list>.item:hover .item-submenu{display:block}
.laboratory-list>.item .item-submenu>.nape{display:block;line-height:1.8}
.laboratory-list>.item .item-submenu>.nape>a:hover{color:#155598}
.socialized-services{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.socialized-services>.socialized{float:left;width:100%;text-align:center}
.socialized-services>.c-intro{margin-bottom:0}
.project-services{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.project-services>.project{float:left;width:100%;margin-bottom:80px;text-align:center}
.project-services .project-list{display:inline-block;margin:20px 0 0}

.project-services .project-list>.item{float:left;position:relative}
.project-services .project-list>.item img{
    height: 100%;
    object-fit: cover;
}
.project-services .project-list>.item.gcloud{width:730px;height:370px;margin-right: 10px}
.project-services .project-list>.item.cooperative{width:380px;height:370px;overflow:hidden}
.project-services .project-list .item-text{width:100%;padding:6px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;text-align:center;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0}
.clouds-strength{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clouds-strength>.strength{float:left;width:100%;text-align:center}
.clouds-strength .strength-title{display:inline-block}
.clouds-strength .strength-title .item{float:left;width:152px;height:52px;line-height:52px;color:#0d8de9;font-size:18px;text-align:center;background:#fff;border:2px solid #0d8de9;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.clouds-strength .strength-title .item.active{color:#fff;background:#0d8de9}
.clouds-strength .strength-content{float:left;width:100%;margin:40px 0 0;text-align:center}
.clouds-strength .strength-content>.list{float:left;width:100%}
.clouds-strength .strength-content .list-item{float:left;width:11.111111%;margin:0;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clouds-strength .strength-content .list-title{float:left;width:100%;margin:40px 0 0;font-size:18px;color:#111}
.articlelist{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.articlelist-wrapper{float:left;width:100%;min-height:120px;padding:10px 0 50px}
.articlelist-wrapper>.list{float:left;width:100%}
.articlelist-wrapper .list-item{position:relative;float:left;padding:30px 0;width:100%;border-bottom:1px solid #ddd}
.articlelist-wrapper .list-item>.img{float:left;width:280px;height:160px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.articlelist-wrapper .list-item>.content{display:block;padding:0 100px 0 300px;position:relative}
.articlelist-wrapper .list-item .title{float:left;width:100%;max-height:54px;margin:10px 0;font-size:18px;color:#111;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.articlelist-wrapper .list-item .summary{float:left;width:100%;max-height:68px;margin:14px 0;color:#888;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.articlelist-wrapper .list-item .time{position:absolute;top:14px;right:0;z-index:1;color:#888}
.articlelist-wrapper .list-item .more{position:absolute;bottom:0;right:0;z-index:1;width:90px;height:36px;line-height:36px;border:1px solid #ddd;color:#888;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.articlelist-wrapper .list-item .more:hover{border-color:#0d8de9;color:#fff;background:#0d8de9}
.articlelist-wrapper .list-item:hover>.img{-webkit-box-shadow:0 6px 20px rgba(0,0,0,0.2);box-shadow:0 6px 20px rgba(0,0,0,0.2);-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
.articlelist-wrapper .list-item:hover .title,.articlelist-wrapper .list-item:hover .summary{color:#0d8de9}
.articlelist-wrapper>.listpage{float:left;width:100%}
.articlelist-wrapper>.listpage>ul{float:left;padding:40px 0;width:100%;text-align:center}
.articlelist-wrapper>.listpage>ul>li{display:inline-block;margin-right:10px;font-size:14px;color:#666;border:1px solid #0d8de9;overflow:hidden;cursor:pointer}
.articlelist-wrapper>.listpage>ul>li>a,.articlelist-wrapper>.listpage>ul>li>span{display:inline-block;padding:0 12px;height:34px;line-height:34px;font-size:14px;color:#0d8de9;text-align:center}
.articlelist-wrapper>.listpage>ul>li>a:hover,.articlelist-wrapper>.listpage>ul>li>span:hover,.articlelist-wrapper>.listpage>ul>li>span.current{color:#fff;border-color:#0d8de9;background:#0d8de9}
.articledetail{float:left;width:100%;margin:50px 0;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.articledetail-wrapper{float:left;width:100%}
.articledetail-content{float:left;width:66%}
.articledetail-content>.box{float:left;width:100%}
.articledetail-content .box-title{float:left;margin-bottom:20px;width:100%;font-size:24px;font-weight:400;color:#111;text-align:center}
.articledetail-content .box-subtitle{float:left;width:100%;color:#888;text-align:center}
.articledetail-content .box-subtitle>.time{margin-left:10px}
.articledetail-content .box-content{float:left;padding:30px 0;width:100%;text-indent:2em;line-height:2}
.articledetail-content .box-content img{display:block;max-width:100%;margin:10px auto}
.articledetail-content>.btn{float:left;margin:20px 0 0;width:100%;text-align:center}
.articledetail-content .btn-box{display:inline-block;max-width:100%}
.articledetail-content .btn-item{float:left;max-width:50%;background:#f1f1f1;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.articledetail-content .btn-item.prev{padding:20px 20px 20px 40px;border-right:2px solid #fff}
.articledetail-content .btn-item.next{float:right;padding:20px 40px 20px 20px}
.articledetail-content .btn-item>.arrow{width:12px;height:12px;position:absolute;top:27px}
.articledetail-content .btn-item.prev>.arrow{left:20px}
.articledetail-content .btn-item.next>.arrow{right:20px}
.articledetail-content .btn-item>.arrow:after,.articledetail-content .btn-item>.arrow:before{content:'';position:absolute;top:0;width:0;height:0;border:6px solid transparent}
.articledetail-content .btn-item.prev>.arrow:after,.articledetail-content .btn-item.prev>.arrow:before{border-right-color:#f1f1f1;right:0}
.articledetail-content .btn-item.prev>.arrow:before{border-right-color:#666;right:2px}
.articledetail-content .btn-item.next>.arrow:after,.articledetail-content .btn-item.next>.arrow:before{border-left-color:#f1f1f1;left:0}
.articledetail-content .btn-item.next>.arrow:before{border-left-color:#666;left:2px}
.articledetail-content .btn-item>.title{display:block;margin:6px 0;height:14px;line-height:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.articledetail-content .btn-item.prev>.title{padding-left:14px;text-align:left;border-left:1px solid #888}
.articledetail-content .btn-item.next>.title{padding-right:14px;text-align:right;border-right:1px solid #888}
.articledetail-content .btn-item:hover{background:#0d8de9}
.articledetail-content .btn-item.prev:hover>.arrow:after,.articledetail-content .btn-item.prev:hover>.arrow:before{border-right-color:#0d8de9}
.articledetail-content .btn-item.prev:hover>.arrow:before{border-right-color:#fff}
.articledetail-content .btn-item.next:hover>.arrow:after,.articledetail-content .btn-item.next:hover>.arrow:before{border-left-color:#0d8de9}
.articledetail-content .btn-item.next:hover>.arrow:before{border-left-color:#fff}
.articledetail-content .btn-item:hover>.title{color:#fff;border-color:#fff}
.articledetail-sidebar{float:right;width:30%}
.articledetail-sidebar>.box{float:left;width:100%}
.articledetail-sidebar .box-title{float:left;width:100%;font-size:16px;color:#333}
.articledetail-sidebar .box-list{float:left;width:100%}
.articledetail-sidebar .box-list>.item{float:left;width:100%}
.articledetail-sidebar .box-list .item-title{float:left;margin:20px 0 10px;width:100%;max-height:24px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.articledetail-sidebar .box-list .item-digest{float:left;width:100%;max-height:46px;color:#888;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.articledetail-sidebar .box-list>.item:hover>.item-title,.articledetail-sidebar .box-list>.item:hover>.item-digest{color:#0d8de9}
.international-about{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.international-about>.c-intro{margin-bottom:0}
.international-about .international{float:left;width:100%}
.international-architecture{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.international-architecture>.architecture{float:left;width:100%;text-align:center}
.international-architecture .architecture-list{display:inline-block;margin:0 20px;padding:40px;width:280px;height:300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;text-align:left}
.international-architecture .architecture-list>.title{float:left;margin-bottom:10px;padding-bottom:20px;width:100%;font-size:20px;color:#333;position:relative}
.international-architecture .architecture-list>.title:after{content:'';width:30px;height:3px;background:#0d8de9;position:absolute;left:0;bottom:0}
.international-architecture .architecture-list .item{float:left;width:100%;height:28px;line-height:28px;padding:0 0 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.international-architecture .architecture-list .item:before{content:'';float:left;width:10px;height:10px;border:2px solid #0d8de9;position:absolute;left:0;top:7px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.international-course{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.international-course>.course{float:left;width:100%;text-align:center}
.international-course .course-list{display:inline-block;margin:0 20px;padding:40px;width:320px;height:360px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;text-align:left}
.international-course .course-list>.title{float:left;margin-bottom:10px;padding-bottom:20px;width:100%;font-size:20px;color:#333;position:relative}
.international-course .course-list>.title:after{content:'';width:30px;height:3px;background:#0d8de9;position:absolute;left:0;bottom:0}
.international-course .course-list .item{float:left;width:100%;line-height:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.developing-direction{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.developing-direction>.direction{float:left;width:100%}
.developing-direction .direction-img{float:left;width:100%;text-align:center}
.international-mediacentre{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.international-mediacentre>.c-intro{margin-bottom:0}
.international-mediacentre>.mediacentre{float:left;width:100%;margin-bottom:80px}
.technology-about{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.technology-about>.technology{float:left;width:100%}
.technology-list{float:left;width:100%}
.technology-list>.item{float:left;width:16.6666667%;text-align:center}
.technology-list .item-icon{display:inline-block;width:140px;height:140px;background-color:#155597;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-image:url(../images/home/technology-about-icon.png);background-repeat:no-repeat;-webkit-background-size:140px auto;background-size:140px auto;-ms-background-position-x:center;background-position-x:center}
.technology-list>.item.software>.item-icon{-ms-background-position-y:0;background-position-y:0}
.technology-list>.item.java>.item-icon{-ms-background-position-y:-140px;background-position-y:-140px}
.technology-list>.item.web>.item-icon{-ms-background-position-y:-280px;background-position-y:-280px}
.technology-list>.item.etl>.item-icon{-ms-background-position-y:-420px;background-position-y:-420px}
.technology-list>.item.mpp>.item-icon{-ms-background-position-y:-560px;background-position-y:-560px}
.technology-list>.item.hadoop>.item-icon{-ms-background-position-y:-700px;background-position-y:-700px}
.technology-list>.item.aigc>.item-icon{-ms-background-position-y:-860px;background-position-y:-860px}
.technology-list>.item.bigmodel>.item-icon{-ms-background-position-y:-1030px;background-position-y:-1030px}
.technology-list>.item.hongmeng>.item-icon{-ms-background-position-y:-1200px;background-position-y:-1200px}
.technology-list>.item.ui>.item-icon{-ms-background-position-y:-1500px;background-position-y:-1500px}
.technology-list>.item.duanshipin>.item-icon{-ms-background-position-y:-1340px;background-position-y:-1340px}


.technology-list .item-title{display:block;margin:10px 0;font-size:16px;text-align:center}
.technology-title{float:left;margin:10px 0;width:100%;font-size:18px;font-weight:400;text-align:center}
.original-resources{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.original-resources>.resources{float:left;width:100%}
.original-resources .resources-list{float:left;width:100%;padding:0 0 0 40%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.original-resources .resources-list>.item{float:left;width:32%;margin:20px 2% 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden}
.original-resources .resources-list>.item>img{float:left;width:100%}
.original-resources .resources-list>.item.last{margin-right:0}
.original-resources .resources-list>.blowup{width:38%;height:100%;padding:20px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;overflow:hidden}
.original-resources .resources-list>.blowup>.img{float:left;width:100%;height:100%;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.original-resources .resources-list .item-text{width:100%;padding:4px 6px;background:rgba(0,0,0,.6);color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;bottom:0}
.resident-operation{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.resident-operation>.resident{float:left;width:100%}
.team-style{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.team-style>.team{float:left;width:100%}
.cooperative-enterprise{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cooperative-enterprise>.enterprise{float:left;width:100%}
.cooperative-enterprise .photo-list4 .item-text{position:inherit;float:left;padding:0;color:#333;background:0}
.technology-enterprise{float:left;padding:0 40px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.technology-enterprise>.enterprise{float:left;margin-bottom:40px;width:100%}
.technology-enterprise .enterprise-item{float:left;margin:0 35px 20px 0;width:196px;height:225px}
.technology-enterprise .enterprise-item:nth-child(5n){margin-right:0}
.technology-enterprise .enterprise-item>.icon{float:left;margin:0 1px;width:194px;height:100%;background-image:url(../images/home/technology-enterprise.jpg);background-repeat:no-repeat;background-size:auto 450px}
.technology-enterprise .enterprise-item>.icon01,.technology-enterprise .enterprise-item>.icon02,.technology-enterprise .enterprise-item>.icon03,.technology-enterprise .enterprise-item>.icon04,.technology-enterprise .enterprise-item>.icon05{background-position-y:0}
.technology-enterprise .enterprise-item>.icon06,.technology-enterprise .enterprise-item>.icon07,.technology-enterprise .enterprise-item>.icon08,.technology-enterprise .enterprise-item>.icon09,.technology-enterprise .enterprise-item>.icon010{background-position-y:-225px}
.technology-enterprise .enterprise-item>.icon01,.technology-enterprise .enterprise-item>.icon06{background-position-x:0}
.technology-enterprise .enterprise-item>.icon02,.technology-enterprise .enterprise-item>.icon07{background-position-x:-194px}
.technology-enterprise .enterprise-item>.icon03,.technology-enterprise .enterprise-item>.icon08{background-position-x:-388px}
.technology-enterprise .enterprise-item>.icon04,.technology-enterprise .enterprise-item>.icon09{background-position-x:-582px}
.technology-enterprise .enterprise-item>.icon05,.technology-enterprise .enterprise-item>.icon010{background-position-x:-776px}
.company-joinus{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company-joinus>.joinus{float:left;width:100%}
.company-joinus .joinus-item{float:left;padding:30px 0;width:100%;border-bottom:1px solid #ddd;position:relative}
.company-joinus .joinus-item>.content{float:left;padding-right:280px;width:100%;box-sizing:border-box}
.company-joinus .joinus-item .content-title{float:left;width:100%}
.company-joinus .joinus-item .content-title>.position{float:left;font-size:28px}
.company-joinus .joinus-item .content-title>.request{float:left;padding:18px 0 8px;margin-left:30px}
.company-joinus .joinus-item .content-title .request-item{float:left;padding:0 16px;font-size:16px;line-height:1;border-right:2px solid #ddd}
.company-joinus .joinus-item .content-title .request-item.blue{color:#009fd7;font-weight:700}
.company-joinus .joinus-item .content-title .request-item:first-child,.company-joinus .joinus-item .content-title .request-item:last-child{border-right:0}
.company-joinus .joinus-item .content-benefit{float:left;margin-top:28px;width:100%}
.company-joinus .joinus-item .content-benefit>.item{float:left;margin-right:16px;padding:4px 10px;border:2px solid #ddd}
.company-joinus .joinus-item .content-detail{float:left;margin-top:14px;width:100%;line-height:1.8}
.company-joinus .joinus-item>.contact{float:left;margin:10px 0 0 -280px;width:280px;font-size:16px;text-align:right;font-weight:700}
.company-joinus .joinus-item .contact-item{float:left;width:100%}
.company-education{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.company-education>.c-intro{text-align:left}
.company-education>.education{float:left;width:100%;padding:0 0 0 20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.company-education>.education>.title{position:absolute;left:0;top:0;width:20%;height:100%;background:#0d8de9;color:#fff}
.company-education>.education .title-cn{float:left;margin:30px 0 0 30px;font-size:32px}
.company-education>.education .title-en{float:left;margin:0 0 0 30px;font-size:18px}
.company-education>.education>.item{float:left;width:25%;position:relative}
.company-education>.education .item-mask{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.6)}
.company-education>.education .item-mask>.text{width:60%;position:absolute;left:20px;bottom:20px;color:#fff}
.company-education>.education .item-mask .text-cn{float:left;width:100%;font-size:20px}
.company-education>.education .item-mask .text-en{float:left;width:100%}
.company-education>.education .item-mask .arrow{display:none;float:left;position:absolute;right:20px;bottom:30px}
.company-education>.education .item-mask .arrow:before{content:'';float:left;width:0;height:0;border-width:8px;border-style:solid;border-color:transparent transparent transparent #fff}
.company-education>.education .item-mask:hover .arrow{display:block}
.education-centre{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.education-centre>.centre{float:left;width:100%}
.education-centre .centre-title{float:left;width:100%}
.education-centre .environment-title{float:left;font-size:24px;font-weight:400;color:#111}
.education-centre .centre-title>.title{float:right}
.education-centre .centre-title .title-item{float:left;padding:4px 12px;margin:0 0 0 14px;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.education-centre .centre-title .title-item.active{color:#fff;background:#0d8de9}
.education-advantage{float:left;width:100%;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.education-advantage>.advantage{float:left;width:100%}
.education-advantage .advantage-item{float:left;width:100%}
.education-advantage .advantage-item>.title{float:left;width:100%}
.education-advantage .advantage-item .title-icon{float:left;width:80px;height:80px;background-image:url(../images/home/education-advantage-icon.png);background-repeat:no-repeat;-webkit-background-size:auto 80px;background-size:auto 80px}
.education-advantage .advantage-item .title-icon.icon01,.education-advantage .advantage-item .title-icon.icon02,.education-advantage .advantage-item .title-icon.icon03,.education-advantage .advantage-item .title-icon.icon04,.education-advantage .advantage-item .title-icon.icon05,.education-advantage .advantage-item .title-icon.icon06{background-position-y:0}
.education-advantage .advantage-item .title-icon.icon01{background-position-x:0}
.education-advantage .advantage-item .title-icon.icon02{background-position-x:-80px}
.education-advantage .advantage-item .title-icon.icon03{background-position-x:-160px}
.education-advantage .advantage-item .title-icon.icon04{background-position-x:-240px}
.education-advantage .advantage-item .title-icon.icon05{background-position-x:-320px}
.education-advantage .advantage-item .title-icon.icon06{background-position-x:-400px}
.education-advantage .advantage-item .title-text,.education-advantage .advantage-item .title-sub{float:left;width:100%;padding-left:100px;margin-left:-80px;box-sizing:border-box}
.education-advantage .advantage-item .title-text{font-size:28px;color:#333}
.education-advantage .advantage-item .title-sub{font-size:20px}
.education-advantage .advantage-item>.detail{float:left;width:100%;margin:10px 0 30px;padding-left:100px;box-sizing:border-box;position:relative;z-index:9}
.education-advantage .advantage-item>.detail:before{content:'';float:left;width:1px;height:100%;background:#ccc;position:absolute;top:0;left:40px;z-index:9}
.education-advantage .advantage-item:last-child>.detail:before{display:none}
.education-advantage .advantage-item .detail-content{float:left;width:100%;text-indent:2em;text-align:justify;line-height:30px}
.education-advantage .advantage-item .detail-img{float:left;width:100%;margin-top:20px}
.education-advantage .advantage-item .detail-img>.item{float:left}
.education-advantage .advantage-item .detail-img.two>.item{width:460px;margin-right:100px}
.education-advantage .advantage-item .detail-img.three>.item{width:320px;margin-right:30px}
.education-advantage .advantage-item .detail-img.four>.item{width:228px;margin-right:36px}
.education-advantage .advantage-item .detail-img>.item:last-child{margin-right:0}
.students-style{float:left;width:100%}
.students-style>.students{float:left;width:100%}
.students-style .students-video{float:left;width:1000px;height:500px;margin:0 100px}
.education-wall{float:left;width:100%;height:614px;margin:80px 0 0;background:url(../images/home/education-wall-bg.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover}
.education-wall .wall{float:left;width:100%;padding:160px 40px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.education-wall .wall-title{display:inline-block;width:100%;font-size:48px;color:#fff}
.education-wall .wall-title>.orange{font-size:68px;color:#ffae00}
/*---------------------------------------- stuzone ----------------------------------------*/
.education-stuzone{float:left;width:1120px;margin:20px 40px 50px}
.stuzone-piclist{float:left;width:346px;padding:20px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.stuzone-piclist>.headline{float:left;width:100%;line-height:30px}
.stuzone-piclist .headline-text{float:left;padding-left:28px;font-size:18px;color:#444;position:relative}
.stuzone-piclist .headline-text::before{content:'';float:left;width:20px;height:20px;margin-right:10px;background-image:url(../images/home/stuzone-icon.png);background-repeat:no-repeat;background-size:auto 40px;background-position:0 0;transform:translateY(-50%);position:absolute;left:0;top:50%;z-index:9}
.stuzone-piclist .headline-more{float:right;font-size:14px;font-weight:400;color:#999}
.stuzone-piclist .headline-more:hover{color:#0d8de9}
.stuwords-container{float:left;width:100%;height:204px;margin-top:16px;position:relative;overflow:hidden;background-color:#f1f1f1}
.stuwords-item{float:left;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}
.stuwords-item>.title{float:left;width:100%;padding:0 100px 0 20px;color:#fff;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:rgba(0,0,0,.4);box-sizing:border-box;position:absolute;left:0;bottom:0;z-index:9}
.stuwords-container .stuwords-pagination{width:90px;text-align:right;position:absolute;left:auto;right:10px;bottom:8px;z-index:9}
.stuwords-pagination>.swiper-pagination-bullet{background-color:#fff;opacity:.6}
.stuwords-pagination>.swiper-pagination-bullet-active{background-color:#0d8de9;opacity:1}
.stuwords-list{float:left;width:100%;margin-top:10px}
.stuwords-list>.item{float:left;width:100%}
.stuwords-list .item-title{float:left;width:100%;padding-left:20px;line-height:42px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.stuwords-list .item-title:hover{color:#0d8de9}
.stuwords-list .item-title::before{content:'';float:left;width:6px;height:6px;border:2px solid #0d8de9;border-radius:50%;transform:translateY(-50%);position:absolute;left:0;top:50%;z-index:9}
.stuzone-textlist{float:right;width:754px;padding:20px 20px 2px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.stuzone-textlist>.title{float:left;width:100%}
.stuzone-textlist .title-item{float:left;line-height:30px;margin-right:30px;font-size:18px;color:#444;display:flex;align-items:center;justify-content:center}
.stuzone-textlist .title-item>.icon{float:left;width:20px;height:20px;margin-right:8px;background-image:url(../images/home/stuzone-icon.png);background-repeat:no-repeat;background-size:auto 40px;background-position-y:-20px}
.stuzone-textlist .title-item.item01>.icon{background-position-x:-20px}
.stuzone-textlist .title-item.item02>.icon{background-position-x:-40px}
.stuzone-textlist .title-item.active{color:#0d8de9}
.stuzone-textlist .title-item.active>.icon{background-position-y:0}
.stuzone-textlist .title-item>.text{float:left}
.stuzone-textlist>.list{float:left;width:100%;margin-top:16px}
.stuzone-textlist .list-item{float:left;width:100%}
.stuzone-textlist .list-item>.nape{float:left;width:48%;margin-right:4%;border-bottom:1px dashed #dedede}
.stuzone-textlist .list-item>.nape:first-child{width:100%;margin:0 0 10px 0}
.stuzone-textlist .list-item>.nape:first-child,.stuzone-textlist .list-item>.nape:nth-last-child(2),.stuzone-textlist .list-item>.nape:last-child{border-bottom:0}
.stuzone-textlist .list-item>.nape:nth-child(2n+3){margin-right:0}
.stuzone-textlist .list-item .nape-img{float:left;width:282px;height:188px;background-color:#f1f1f1;background-repeat:no-repeat;background-position:top center;background-size:cover;position:relative;z-index:9}
.stuzone-textlist .list-item .nape-detail{float:left;width:100%;padding-left:302px;margin-left:-282px;box-sizing:border-box}
.stuzone-textlist .list-item .nape-detail>.title{float:left;width:100%;font-size:16px;color:#333;line-height:36px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stuzone-textlist .list-item .nape-detail>.title:hover{color:#0d8de9}
.stuzone-textlist .list-item .nape-detail>.text{float:left;width:100%;height:90px;margin-top:14px;color:#666;line-height:30px;overflow:hidden}
.stuzone-textlist .list-item .nape-detail>.view{float:left;width:100px;height:34px;margin-top:12px;color:#0d8de9;border:1px solid #0d8de9;display:flex;align-items:center;justify-content:center}
.stuzone-textlist .list-item .nape-detail>.view:hover{color:#fff;background-color:#0d8de9}
.stuzone-textlist .list-item .nape-text{float:left;width:100%;padding-left:16px;color:#333;line-height:48px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.stuzone-textlist .list-item .nape-text::before{content:'';float:left;width:4px;height:4px;background-color:#0d8de9;transform:translateY(-50%);position:absolute;left:0;top:50%;z-index:9}
.stuzone-textlist .list-item .nape-text:hover{color:#0d8de9}
/*---------------------------------------- excellent-course ----------------------------------------*/
.excellent-course{float:left;width:1110px;padding:0 45px}
.excellent-course>.course01,.excellent-course>.course02{float:left;width:100%}
.excellent-course>.course01{width:830px}
.excellent-course>.course02{width:270px;margin-left:10px}
.excellent-course .course-item{float:left;margin-right:10px;margin-bottom:10px;background-color:#f1f1f1}
.excellent-course .course-item.fr{float:right}
.excellent-course .course-item.mr0{margin-right:0}
.excellent-course .course-item.mt-140{margin-top:-140px}
.excellent-course .course-item.big{width:270px;height:270px}
.excellent-course .course-item.long{width:270px;height:130px}
.excellent-course .course-item.small{width:130px;height:130px}
.excellent-course .course-item.ui{background:#ea4e3e}
.excellent-course .course-item.dashuju{background:#4c97ce}
.excellent-course .course-item.ai{background:#32ba7b}
.excellent-course .course-item.web{background:#85bc0c}
.excellent-course .course-item.html5{background:#357dcf}
.excellent-course .course-item.dianshang{background:#4c97ce}
.excellent-course .course-item.pingmian{background:#d47114}
.excellent-course .course-item.yunjisuan{background:#23a3d9}
.excellent-course .course-item.qukuailian{background:#2cb0b5}
.excellent-course .course-item.games{background:#5336f0}
.excellent-course .course-item.java{background:#ff5a00}
.excellent-course .course-item.shejiao{background:#f04676}
.excellent-course .course-item.wechat{background:#68403e}
.excellent-course .course-item.vrar{background:#24353d}
.excellent-course .course-item.php{background:#3776ab}
.excellent-course .course-item>a{float:left;width:100%;height:100%;position:relative;z-index:9;overflow:hidden}
.excellent-course .course-item .icon{float:left;width:90px;height:90px;background-image:url(../images/home/excellent-course-icon02.png);background-repeat:no-repeat;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;margin:auto}
.excellent-course .course-item.big .icon{width:160px;height:160px;background-image:url(../images/home/excellent-course-icon01.png)}
.excellent-course .course-item.ui .icon{background-position:0 0}
.excellent-course .course-item.html5 .icon{background-position:-160px 0}
.excellent-course .course-item.java .icon{background-position:-320px 0}
.excellent-course .course-item.shejiao .icon{background-position:-480px 0}
.excellent-course .course-item.dashuju .icon,.excellent-course .course-item.ai .icon,.excellent-course .course-item.web .icon,.excellent-course .course-item.dianshang .icon{background-position-y:0}
.excellent-course .course-item.pingmian .icon,.excellent-course .course-item.yunjisuan .icon,.excellent-course .course-item.qukuailian .icon,.excellent-course .course-item.games .icon{background-position-y:-90px}
.excellent-course .course-item.wechat .icon,.excellent-course .course-item.vrar .icon,.excellent-course .course-item.php .icon{background-position-y:-180px}
.excellent-course .course-item.dashuju .icon,.excellent-course .course-item.pingmian .icon,.excellent-course .course-item.wechat .icon{background-position-x:0}
.excellent-course .course-item.ai .icon,.excellent-course .course-item.qukuailian .icon,.excellent-course .course-item.vrar .icon{background-position-x:-90px}
.excellent-course .course-item.web .icon,.excellent-course .course-item.yunjisuan .icon,.excellent-course .course-item.php .icon{background-position-x:-180px}
.excellent-course .course-item.dianshang .icon,.excellent-course .course-item.games .icon{background-position-x:-270px}
.excellent-course .course-item .title{float:left;width:100%;padding:0 14px 6px;font-size:18px;box-sizing:border-box;color:#fff;position:absolute;bottom:0;left:0;z-index:9}
.excellent-course .course-item>a:before{content:'';float:left;width:0;height:0;background:rgba(0,0,0,.8);transform:translate(-50%,-50%);transition:all .3s;overflow:hidden;position:absolute;top:50%;left:50%;z-index:90}
.excellent-course .course-item:hover .show{visibility:visible;opacity:1}
.excellent-course .course-item:hover>a:before{width:100%;height:100%}
.excellent-course .course-item .show{float:left;width:100%;height:48px;visibility:hidden;opacity:0;transition:all .3s;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}
.excellent-course .course-item .show-title,.excellent-course .course-item .show-text{float:left;width:100%;text-align:center;color:#fff;line-height:24px;position:relative;z-index:99}
.excellent-course .course-item .show-title{font-size:16px;color:#0d8de9}
/* 就业服务 */
.obtain-list { width:1200px;margin:0 auto 76px;display: flex;flex-wrap: wrap; }
.obtain-list>li { width:386px;margin-right:20px;height:326px; }
.obtain-list>li>img { width:386px;height:208px; }
.obtain-list>li:nth-child(3n) { margin-right:0; }
.obtain-list>li>div { display: flex;justify-content: center; }
.obtain-list>li>div p { text-align: left;white-space: pre-wrap; }
.obtain-list>li>h5 { text-align: center;line-height:50px;font-size:18px;font-weight:bold; }

.kc20240301Box {
    height: 118px;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px 0px rgba(0, 103, 225, 0.11);
    display: flex;
    justify-content: center;
    align-items: center;
}

.kc20240301Item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    text-align: center;
    cursor: pointer;
}

.kc20240301Item img {
    width: 44px;
    height: 44px;
    margin-bottom: 11px;
}

.kc20240301ItemLine {
    width: 3px;
    height: 66px;
    opacity: 0.65;
    background: rgba(0, 103, 225, 0.11);
    background: linear-gradient(to bottom, rgba(0, 103, 225, 0.01), rgba(0, 103, 225, 0.21), rgba(0, 103, 225, 0.01));
    margin: 0 25px;
}
.yhfc815-tit h5 {
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;

}
.yhfc815-tit h5 a:hover {
    color:rgba(27, 120, 255, 1);
}